@import "common";
@import "../common/ui";

.btn-wrapper {
    background-color: $gray;
    padding: .3rem 0;
}

.btn {
    width: 92%;
    height: .375rem;
    line-height: .375rem;
    margin: auto;
    border-radius: 3px;
    text-align: center;
    font-size: .15rem;
}

.address-manage {

    .detail {
        &::after {
            left: .1rem;
        }
    }

    .is-default {
        position: absolute;
        right: .05rem;
        display: inline-block;
        width: .43rem;
        height: .19rem;
        border-radius: 2px;
        line-height: .19rem;
        font-size: .12rem;
        text-align: center;
        z-index: 99;
    }

    .mui-icon-plusempty:before {
        position: relative;
        top: .02rem;
        font-size: .28rem;
        font-weight: 600;
    }

    .mui-icon-compose,
    .mui-icon-trash {
        font-size: .15rem;
        padding: 0 .1rem;
        color: #666;

        &::before {
            font-size: .24rem;
        }
    }

    .mui-icon-compose::before {
        position: relative;
        top: .01rem;
    }

    .status {
        height: .35rem;
    }

    .checkbox {
        margin-left: .03rem;
        margin-right: .05rem;
    }

}

.address-manage-edit {
    .title {
        width: 1rem;
        margin-bottom: 0;
        font-size: .15rem;
    }

    .lf-input {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        border: 0;
        font-size: .15rem;
    }

    .phone {
        padding-right: 0;
    }
}
